let data = [1, 2, 3, 4, 5]
// receive message from injected script
console.log("进到gitee中的js了")
window.addEventListener('message',
    function(e) {
    console.log("进入方法了")
        var buttons = document.querySelectorAll('button.my-button-class');
        if (buttons.length == 0) {
            // 创建按钮
            var button = document.createElement('button');
            button.textContent = '打开弹框';
            button.style.position = 'fixed';
            button.style.top = '10px';
            button.style.left = '10px';
            button.style.zIndex = '999999999';
            button.style.padding = '10px';
            button.style.fontSize = '14px';
            button.style.backgroundColor = '#007BFF';
            button.style.color = 'white';
            button.style.border = 'none';
            button.style.borderRadius = '5px';
            button.style.cursor = 'pointer';
            button.classList.add('my-button-class');
            document.body.appendChild(button);
            // 创建自定义 div
            var customDiv = document.createElement('div');
            customDiv.style.display = 'none'; // 初始时隐藏
            customDiv.style.position = 'fixed';
            customDiv.style.top = '50px';
            customDiv.style.left = '10px';
            customDiv.style.width = '450px';
            customDiv.style.padding = '20px';
            customDiv.style.backgroundColor = 'white'; // 设置为白色
            customDiv.style.color = 'black';
            customDiv.style.borderRadius = '8px';
            customDiv.style.boxShadow = '0px 4px 8px rgba(0, 0, 0, 0.2)';
            customDiv.style.zIndex = '999999999999';
            customDiv.style.fontFamily = 'SimSun, 宋体, serif'; // 设置字体为宋体
            customDiv.style.fontSize = '13px'; // 设置字体大小为 11px
            document.body.appendChild(customDiv);
            // 为按钮添加点击事件
            button.addEventListener('click',
                function() {
                    if (customDiv.style.display === 'none') {
                        // 删除 customDiv 中所有 class 为 'my-div-son' 的 div
                        var sonDivs = customDiv.querySelectorAll('.my-div-son'); // 获取所有 class 为 'my-div-son' 的 div
                        sonDivs.forEach(function(div) {
                            div.remove(); // 删除每个 div
                        });
                        data.forEach(function(div) {
                            var div1 = document.createElement('div');
                            div1.textContent = '这是第一个子 div'; // 给第一个 div 添加文本内容
                            div1.classList.add("my-div-son");
                            div1.style.marginBottom = '10px'; // 给第一个 div 设置底部外边距
                            customDiv.appendChild(div1);
                        });
                        customDiv.style.display = 'block'; // 如果 hidden，则显示 customDiv
                    } else {
                        customDiv.style.display = 'none'; // 如果 visible，则隐藏 customDiv
                    }
                })
        }
        console.log('content script received:',e.data.url, e.data.type, e.data.data);
    });